<template>
  <div class="not-content-container">
    <p class="content">{{ props.text }}</p>
  </div>
</template>
<script lang="ts" setup>
const props = defineProps({
  text: {
    type: String,
    default: '暂无数据'
  }
})
</script>
<style lang="scss" scoped>
  .not-content-container {
    display: inline-block;
    width: 256px;
    height: 226px;
    // border: 1px dashed #bdbdbd;
    background-size: 256px;
    background-image: url('/@/assets/images/no-content.png'); // : url('~@/assets/images/no-content.png') no-repeat 100%;

    .content {
      padding-top: 180px;
      text-align: center;
      font-size: 14px;
      font-family: MicrosoftYaHei, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
        'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
      color: #8a95a0;
    }
  }
</style>
